Page({
  data: {
    // 当前离顶部滚动的距离
    top: 0,
    code: -1,
    medicine: {},
    medicine_list: [
      {
        code: '0',
        name: '阿达帕林凝胶',
        spmc: '华星',
        en_name: 'Adapalene Gel',
        time: '2021年08月26日',
        zycf: '成分：阿达帕林 adapalene; 本药含0.1％阿达帕林，其基质成分包括 ：Carbomer，丙二醇，Poloxamer 182，依地酸二钠，对羟基苯甲酸甲酯，苯氧基乙醇，氢氧化钠，纯水。',
        ylzy: ['阿达帕林是一种维甲酸类化合物，在体内与体外炎症模型中被证明具有抗炎特性。阿达帕林的化学结构稳定，在空气和光照下不易分解。作用机理方面，阿达帕林同维甲酸一样与特异的维甲酸核受体结合，与维甲酸不同的是阿达帕林不与和蛋白结合的细胞质受体相结合。在用小鼠建立的动物模型进行的皮肤用药试验中证明，阿达帕林可治疗粉剌，并对作为寻常痤疮病因的表皮异常角化和分化过程也有作用，阿达帕林的作用机制被认为是通过使毛囊上皮细胞正常分化而减少微小粉剌形成。在体内与体外标准抗炎分析中，阿达帕林优于维甲酸，它可抑制人类多核白细胞的化学趋化反应，并可通过抑制花生四烯酸经脂氧化反应转化为炎症介质媒介物来抑制多形核白细胞的代谢，这说明阿达帕林应用于痤疮患处，可缓解由细胞反应介导的炎性反应，人体临床试验研究表明阿达帕林可缓解痤疮的炎性反应。（如脓疱和丘疹等）。'],
        xz: '',
        syz: ['本品适用于以粉刺、丘疹和脓疱为主要表现的寻常型痤疮的皮肤治疗。亦可用于治疗面部、胸和背部的痤疮。'],
        yf: ['睡前清洗痤疮患处，待干燥后涂一薄层过芙文，注意避免接触眼、嘴唇。','对于必须减少用药次数或暂停用药的患者，当证实患者已恢复对阿达帕林的耐受时可恢复用药次数。','请勿使用可导致粉剌产生和有收缩性的化妆品。对新生儿和婴幼儿的安全性及疗效未知。'],
        fzy: ['可能出现的主要不良反应为皮肤剌激性，减少用药次数或停药后可恢复。'],
        jj :['对本品成份过敏者禁用。'],
        zysx: ['如果产生过敏或严重的刺激反应，应停止用药。确定局部剌激反应程度后，患者在指导下减少用药次数，暂时停止用药或完全停止用药。','严禁将本品涂抹于眼、口腔、鼻粘膜及其它粘膜组织，若有慎将本品涂于眼部，应立即用温水洗净，本品不得用于皮肤破损处（割伤、摩擦伤）亦不得应用于十分严重的痤疮患者，或患有湿疹样的皮肤创面。'],
        tsrq: ['儿童注意事项：在12岁以下儿科患者中，其安全性和有效性尚未确定。','妊娠与哺乳期注意事项：目前尚无有关本品对孕妇的疗效报告，建议在妊娠时不要使用本品。目前尚不知本品是否随乳汁分泌。因许多药物随乳汁分泌，建议哺乳期妇女若必须使用本品时多加小心，请勿涂抹于胸部。','老人注意事项：临床试验中，受试者年龄均在12～30岁之间，因此尚不明确65岁以上老年人与年轻人之间是否不同。'],
        xhzy: ['目前尚未发现本品与其它可能同时在皮肤使用的药品间存在相互作用，但不应同时使用其它相似作用机制的维甲酸类药物或其它药物。阿达帕林的化学结构稳定，在空气和日光下不易分解，广泛的动物和人体研究未发现光毒性和光敏性，但反复曝露于日光或紫外线照射时动物和人使用阿达帕林的安全性尚未可知，使用本品时应避免过量日晒和紫外线照射。阿达帕林的透皮吸收很低，因而不可能发生与系统用药的相第作用，没有证据表明避孕药，抗生素等口服药的疗效会受到皮肤使用达芙文的影响。达芙文可能有轻微的局部剌激作用，当与脱皮剂，收缩剂或剌激性物质同时使用时可导致额外的剌激反应，因此，清晨使用其它皮肤用抗痤疮药如红霉素（浓度&le;4%）磷酸氯林可霉素（1％）溶液或过氧化苯甲酰水性凝胶（浓度&le;10％），晚上使用过芙文凝胶时，可避免药物相互降解或蓄积剌激作用的产生。。'],
        zctj: '',
        yxq: '24个月。',
        gg: '0.1%' ,
        bzgg: ' 高密度聚乙烯药用软膏，每支30g，每盒1支，15g/支',
        scqy: '企业名称：黑龙江福和华星制药集团股份有限公司',
        pzwh: '国药准字H20056871'
      },
      {
        code: '1',
        name: '阿莫西林胶囊',
        spmc: '抗之霸',
        en_name: 'Amoxicillin',
        time: '2021年08月26日',
        zycf: '本品主要成分为阿莫西林。',
        ylzy: ['阿莫西林为青霉素类抗生素，对肺炎链球菌、溶血性链球菌等链球菌属、不产青霉素酶葡萄球菌、粪肠球菌等需氧革兰阳性球菌，大肠埃希菌、奇异变形杆菌、沙门菌属、流感嗜血杆菌、淋病奈瑟菌等需氧革兰阴性菌的不产β内酰胺酶菌株及幽门螺杆菌具有良好的抗菌活性。阿莫西林通过抑制细菌细胞壁合成而发挥杀菌作用，可使细菌迅速成为球状体而溶解、破裂。'],
        xz: '该品为胶囊剂。',
        syz: ['1.溶血链球菌、肺炎链球菌、葡萄球菌或流感嗜血杆菌所致中耳炎、鼻窦炎、咽炎、扁桃体炎等上呼吸道感染。','2.大肠埃希菌、奇异变形杆菌或粪肠球菌所致的泌尿生殖道感染。','3.溶血链球菌、葡萄球菌或大肠埃希菌所致的皮肤软组织感染。','4.溶血链球菌、肺炎链球菌、葡萄球菌或流感嗜血杆菌所致急性支气管炎、肺炎等下呼吸道感染。','5.急性单纯性淋病。','6.本品尚可用于治疗伤寒、伤寒带菌者及钩端螺旋体病；阿莫西林亦可与克拉霉素、兰索拉唑三联用药根除胃、十二指肠幽门螺杆菌，降低消化道溃疡复发率。'],
        yf: ['口服。','成人一次0.5g，每6～8小时1次，一日剂量不超过4g。','小儿一日剂量按体重20～40mg/Kg，每8小时1次。','3个月以下婴儿一日剂量按体重30mg/Kg，每12小时1次。','肾功能严重损害患者需调整给药剂量，其中内生肌酐清除率为10～30ml/分钟的患者每12小时0.25～0.5g；内生肌酐清除率小于10ml/分钟的患者每24小时0.25～0.5g。'],
        fzy: ['1.恶心、呕吐、腹泻及假膜性肠炎等胃肠道反应。','2.皮疹、药物热和哮喘等过敏反应。','3.贫血、血小板减少、嗜酸性粒细胞增多等。','4.血清氨基转移酶可轻度增高。','5.由念珠菌或耐药菌引起的二重感染。','6.偶见兴奋、焦虑、失眠、头晕以及行为异常等中枢神经系统症状。'],
        jj :['青霉素过敏及青霉素皮肤试验阳性患者禁用。'],
        zysx: ['1.用药前必须详细询问病人病史及过敏史，排除有青霉素本人或家族过敏史及有过敏性疾患病人的情况下，口服阿莫仙胶囊可免做青霉素皮试。','2.传染性单核细胞增多症患者应用本品易发生皮疹，应避免使用。','3.疗程较长患者应检查肝肾功能和血常规。','4.阿莫西林可导致采用Benedit或Fehling试剂的尿糖试验出现假阳性。','5.下列情况慎用：有哮喘，枯草热等过敏性疾病史者。老年人和肾功能严重损害时可能需调整剂量。'],
        tsrq: ['儿童注意事项：见用法用量。','妊娠与哺乳期注意事项：动物生殖试验显示，10倍于人类剂量的阿莫西林未损害大鼠和小鼠的生育力和胎儿。但在人类尚缺乏足够的对照研究，鉴于动物生殖试验不能完全预测人体反应，孕妇应仅在确有必要时应用本品。由于乳汁中可分泌少量阿莫西林，乳母服用后可能导致婴儿过敏。','老人注意事项：见用法用量。'],
        xhzy: ['1.丙磺舒竞争性地减少本品的肾小管分泌，两者同时应用可引起阿莫西林血浓度升高、半衰期延长。','2 氯霉素、大环内酯类、磺胺类和四环素类药物在体外干扰阿莫西林的抗菌作用，但其临床意义不明。'],
        zctj: '遮光，密封保存。',
        yxq: '36个月。',
        gg: '0.25克(按C16H19N305S计)。',
        bzgg: '',
        scqy: '企业名称：广州白云山医药集团股份有限公司白云山制药总厂',
        pzwh: '国药准字H46020281'
      }
    ]
    
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

    
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var _this = this
    let that = this
    //获取code 匹配medicine
    wx.getStorage({
      key: 'code',
      success: function(res) {
        //console.log('res.data',res.data),
        _this.setData({ 
          code: res.data 
        });
        //定medicine
        for (const element of _this.data.medicine_list){
          //console.log('ele.code',element.code)
          //console.log('code',_this.data.code)
          //console.log('out',element.code==_this.data.code)
          if(element.code == _this.data.code){
            //console.log('ni',element)
            var medicine = element
            _this.setData({
              medicine : medicine
            })
          }
        }
        var query = wx.createSelectorQuery()
        // 获取板块一离顶部的距离
        query.select('#block1').boundingClientRect(function (res) {
          that.setData({
            block1_top: res.top
          })
          console.log('1',that.data.block1_top)
        }).exec()
    
        // 获取板块二离顶部的距离
        query.select('#block2').boundingClientRect(function (res) {
          that.setData({
            block2_top: res.top
          })
          console.log('2',that.data.block2_top)
        }).exec()
    
        // 获取板块三离顶部的距离
        query.select('#block3').boundingClientRect(function (res) {
          that.setData({
            block3_top: res.top
          })
        }).exec()
    
        // 获取板块四离顶部的距离
        query.select('#block4').boundingClientRect(function (res) {
          that.setData({
            block4_top: res.top
          })
        }).exec()
    
        // 获取板块五离顶部的距离
        query.select('#block5').boundingClientRect(function (res) {
          that.setData({
            block5_top: res.top
          })
        }).exec()
    
        // 获取板块六离顶部的距离
        query.select('#block6').boundingClientRect(function (res) {
          that.setData({
            block6_top: res.top
          })
        }).exec()
    
        // 获取板块七离顶部的距离
        query.select('#block7').boundingClientRect(function (res) {
          that.setData({
            block7_top: res.top
          })
        }).exec()
      },
    });

    // 高度自适应
    wx.getSystemInfo({
      success: function (res) {
        var clientHeight = res.windowHeight,
          clientWidth = res.windowWidth,
          rpxR = 750 / clientWidth;
        var calc = clientHeight * rpxR;
        that.setData({
          winHeight: calc
        });
      }
    });
  },

  // 监听滚动事件
  onPageScroll: function (e) {
    console.log(e)
    // 滚动条当前位置
    let scrollTop = e.scrollTop
    this.setData({
      top: scrollTop
    })
    console.log('top',this.data.top)
    console.log('2',this.data.block2_top)
  },

  // 点击滚动到板块一
  toBlock1: function () {
    wx.pageScrollTo({
      /*
       * 多减50是因为我的导航是悬浮的，会挡住部分内容
       * 这里约是1等于2rpx
       */
      scrollTop: this.data.block1_top - 50,
      duration: 300 // 滚动动画的时长，单位 ms
    })
  },

  // 点击滚动到板块二
  toBlock2: function () {
    wx.pageScrollTo({
      scrollTop: this.data.block2_top -100,
      duration: 300
    })
  },

  // 点击滚动到板块三
  toBlock3: function () {
    wx.pageScrollTo({
      scrollTop: this.data.block3_top -100,
      duration: 300
    })
  },

  // 点击滚动到板块四
  toBlock4: function () {
    wx.pageScrollTo({
      scrollTop: this.data.block4_top - 100,
      duration: 300
    })
  },
  
  // 点击滚动到板块五
  toBlock5: function () {
    wx.pageScrollTo({
      scrollTop: this.data.block5_top - 100,
      duration: 300
    })
  },
  
  // 点击滚动到板块六
  toBlock6: function () {
    wx.pageScrollTo({
      scrollTop: this.data.block6_top - 100,
      duration: 300
    })
  },
  
  // 点击滚动到板块七
  toBlock7: function () {
    wx.pageScrollTo({
      scrollTop: this.data.block7_top - 100,
      duration: 300
    })
  },
})
